<template>
  <a-card
    :bordered="false"
    style="display: flex; justify-content: center; height: 85vh; padding: 19px 19px 0px"
  >
    <div style="margin: 120px auto">
      <img src="@/assets/welcome.png" class="logo" alt="logo" />
    </div>
  </a-card>
</template>

<script lang="ts">
import { defineComponent, ref, watchEffect } from 'vue'
import { useStore } from '@/store'

export default defineComponent({
  name: 'Welcome',
  components: {},
  setup() {
    const userInfo = useStore().getters['user/userInfo']

    return {
      userInfo
    }
  }
})
</script>

<style lang="scss" scoped>
.box {
  width: 100%;
  height: calc(100vh - 280px);
  display: flex;
  flex-direction: column;

  img {
    flex: 1;
    min-height: 0;
  }

  .ant-form {
    flex: 2;
  }
}
</style>
